
<?php 
  $this->assign('title_for_layout', 'Introdução - HTML');
  $this->assign('keywords_for_layout', 'Introdução HTML Tags Elementos estrutura o que é html');
  $this->assign('description_for_layout', 'Introdução HTML, nesse tópico falarei sobre: O que é HTML, Tags HTML e Elementos HTML e estrutura básica do HTML');
?>
<article>
<header><h2>HTML</h2></header>
<p>Pessoal, aqui vou falar um pouco sobre o HTML, no momento não é meu objetivo ensinar aqui HTML a fundo, nesse tópico apenas descreverei o básico de que é o HTML, falarei um pouco sobre: tags, elementos e sobre a estrutura básica do html. Para quem desejar mais informações recomendo fortemente que consultem o site da <?php echo $this->Html->link("w3schools", "http://www.w3schools.com/html/html_intro.asp");?>.</p>
  <h3>O que é HTML?</h3>
  <p>
    Bom, primeiramente HTML é a abreviação da expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto.
    O HTML utiliza as tags para marcar textos e renderizar uma página web.
  </p>

  <h3>Tags HTML</h3>

  <p>
    As Tags HTML são as marcações no seu texto.
    <br>
    São palavras-chave cercadas com colchetes como: &#60;tag&#62;, essas tags geralmente vem em pares assim: &#60;tag&#62;&#60;/tag&#62;
  <br>
    no qual a primeira tag: &#60;tag&#62; corresponde a tag de inicio e a segunda tag: &#60;/tag&#62; corresponde a tag de fim.
  <br> 
    Repare que a tag final tem o sinal "/" isso indica que sua tag chegou ao fim.
  <br>
    Exemplo:
  <br>
    &#60;nome_tag&#62;Conteúdo&#60;nome_tag /&#62;
  </p>

  <h3>Elementos HTML</h3>
  <p>
   "Tags HTML" e "Elementos HTML" são muitas vezes usados para descrever a mesma coisa.
  <br>
  Mas, rigorosamente, um elemento HTML é tudo entre a marca de início "&#60;" e a marca de fim "&#62;", incluindo as tags:
  <br>
  Elemento HTML:
  <br>
  &#60;p&#62; Este é meu parágrafo &#60;/p&#62;
  </p>

  <h3>Navegadores Web</h3>
  <p>
    O propósito dos navegadores web como o Google Chrome, Internet Explorer, Firefox, Safari é ler documentos html
  <br>
    e exibi-las como página web. Os navegadores não exibem as tags html mas usam as tags html para interpretar o conteúdo
  <br>
    da página:
  </p>
  <?php echo $this->html->image('exemplo_html_1.png', array('alt' => 'Exemplo 1'))?>

  <h3>HTML Estrutura da página</h3>
  <div class="exemplo">
    <div class="exemplo_estrutura_html">
      &#60;html&#62; 
      <div class="exemplo_estrutura_html">
          &#60;body&#62;
          <div class="exemplo_estrutura_html">
            &#60;h1&#62;Titulo&#60;/h1&#62; 
          </div>
          <div class="exemplo_estrutura_html">
            &#60;h1&#62;Parágrafo&#60;/h1&#62; 
          </div>
          <div class="exemplo_estrutura_html">
            &#60;h1&#62;Mais um Parágrafo&#60;/h1&#62; 
          </div>
          &#60;/body&#62;
        </div>
        &#60;/html&#62;
      </div>
  </div>
</article>


<?php
  $this->start("referencia_bibliografica");
    echo $this->Html->link("w3schools", "http://www.w3schools.com/html/html_intro.asp");
  $this->end();
?>